<%--
  Created by IntelliJ IDEA.
  User: hellcat
  Date: 2019/12/30
  Time: 18:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@include file="extra/body.jsp" %>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">促销活动</div>
                <div class="layui-card-body">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <%--        选项卡标题，默认显示--%>
                            <li class="layui-this" style="font-size: 15px">活动创建</li>
                            <li style="font-size: 15px">活动管理</li>
                            <li style="font-size: 15px" id="promotionDetailsTab" class="layui-hide">活动详情</li>
                        </ul>
                        <div class="layui-tab-content">
                            <%--        选项卡一 默认显示选项卡--%>
                            <div class="layui-tab-item layui-show">
                                <div class="layui-row">
                                    <div class="layui-col-md3">
                                        <div class="layui-card" style="text-align: center">
                                            <div class="layui-card-header" style="font-weight:900">限时满减</div>
                                            <div class="layui-card-body">
                                                <p>例：满200减20</p>
                                                <img src="../static/img/zklogo.jpg">
                                                <div class="layui-form-item">
                                                    <button class="layui-btn layui-btn-radius layui-btn-primary proAddBtn"
                                                            lay-value="限时满减">
                                                        立即创建
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-card" style="text-align: center">
                                            <div class="layui-card-header" style="font-weight:900">限时折扣</div>
                                            <div class="layui-card-body">
                                                <p>例：全场9折</p>
                                                <img src="../static/img/zklogo.jpg">
                                                <div class="layui-form-item">
                                                    <button class="layui-btn layui-btn-radius layui-btn-primary proAddBtn"
                                                            lay-value="限时折扣">
                                                        立即创建
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-card" style="text-align: center">
                                            <div class="layui-card-header" style="font-weight:900">特价商品</div>
                                            <div class="layui-card-body">
                                                <p>例：苹果限时5元</p>
                                                <img src="../static/img/zklogo.jpg">
                                                <div class="layui-form-item">
                                                    <button class="layui-btn layui-btn-radius layui-btn-primary proAddBtn"
                                                            lay-value="特价商品">
                                                        立即创建
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-card" style="text-align: center">
                                            <div class="layui-card-header" style="font-weight:900">特价分类</div>
                                            <div class="layui-card-body">
                                                <p>例:海鲜水产限时8折</p>
                                                <img src="../static/img/zklogo.jpg">
                                                <div class="layui-form-item">
                                                    <button class="layui-btn layui-btn-radius layui-btn-primary proAddBtn"
                                                            lay-value="特价分类">
                                                        立即创建
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%--            选项卡二--%>
                            <div class="layui-tab-item">
                                <form id="promotionInfoSearchForm" lay-filter="promotionInfoSearchForm"
                                      class="layui-form"
                                      autocomplete="off">
                                    <div class="layui-form-item">
                                        <%--        第一排--%>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">活动名称</label>
                                            <div class="layui-input-inline">
                                                <input class="layui-input" name="promotionSearchName" type="text"
                                                       placeholder="名称">
                                            </div>
                                            <label class="layui-form-label">活动日期</label>
                                            <div class="layui-input-inline">
                                                <input type="text" class="layui-input" id="promotionSearchDate"
                                                       name="promotionSearchDate" readonly="readonly">
                                            </div>
                                            <label class="layui-form-label">活动类型</label>
                                            <div class="layui-input-inline">
                                                <select id="promotionSearchType" name="promotionSearchType">
                                                    <option value="all">全部</option>
                                                    <option value="限时满减">限时满减</option>
                                                    <option value="限时折扣">限时折扣</option>
                                                    <option value="特价商品">特价商品</option>
                                                    <option value="特价分类">特价分类</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">活动状态</label>
                                            <div class="layui-input-inline">
                                                <select id="promotionSearchStatus" name="promotionSearchStatus">
                                                    <option value="all">全部</option>
                                                    <option value="未开始">未开始</option>
                                                    <option value="进行中">进行中</option>
                                                    <option value="已结束">已结束</option>
                                                </select>
                                            </div>
                                            <label class="layui-form-label"></label>
                                            <button type="button" id="promotionInfoReset"
                                                    class="layui-btn layui-btn-normal">重置
                                            </button>
                                            <button type="submit" lay-submit="" class="layui-btn layui-btn-normal">查询
                                            </button>
                                        </div>
                                    </div>
                                </form>
                                <table class="layui-table" id="promotionInfoSearchTable"
                                       lay-filter="promotionInfoSearchTable"></table>
                            </div>
                            <%--            选项卡三--%>
                            <div class="layui-tab-item">
                                <form id="" class="layui-form" autocomplete="off">
                                    <div class="layui-form-item" style="padding: 15px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <div class="layui-col-md12" id="showPromotionInfo">
                                                <div class="layui-card">
                                                    <div class="layui-card-header" style="font-weight:900">活动信息</div>
                                                    <div class="layui-card-body">
                                                        <div class="layui-inline">
                                                            <div class="layui-container">
                                                                <div class="layui-row">
                                                                    <div class="layui-col-md5">
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">活动名称：</label>
                                                                        </div>
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">活动类型：</label>
                                                                        </div>
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">活动日期：</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="layui-col-md5">
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">活动说明：</label>
                                                                        </div>
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">活动状态：</label>
                                                                        </div>
                                                                        <div class="layui-form-item">
                                                                            <label class="layui-form-label myTable">促销时段:</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-col-md12" id="showPromotionRule">
                                                <div class="layui-card">
                                                    <div class="layui-card-header" style="font-weight:900">促销规则</div>
                                                    <div class="layui-card-body">
                                                        <div class="layui-inline">

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

</div>
</div>

<script src="../static/js/promotion.js"></script>
<%@include file="extra/footer.jsp" %>
